{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LMS</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="{% static 'lms/bootstrap5/css/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'lms/bootstrap5/font/bootstrap-icons.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'lms/css/style.css' %}" rel="stylesheet" type="text/css">
    <script src="{% static 'lms/bootstrap5/js/bootstrap.js' %}"></script>
    <script src="{% static 'lms/js/main.js' %}"></script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="nav-item">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" aria-controls="home" aria-selected="true">Home</button>
</li>
<li class="nav-item">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" aria-controls="profile" aria-selected="false">Profile</button>
</li>
<li class="nav-item">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" aria-controls="contact" aria-selected="false">Contact</button>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="home" aria-labelledby="home-tab">..1.</div>
<div class="tab-pane fade" id="profile" aria-labelledby="profile-tab">.2..</div>
<div class="tab-pane fade" id="contact" aria-labelledby="contact-tab">..3.</div>
</div>
</body>
</html>